<template>
	<!--    提交成功s-->
	<view class="tjcg">
		<div class="tjcg-c">
			<view class="suc" style="">
				<u-icon name="checkbox-mark" color="#fff" size="50"></u-icon>
			</view>
			<view>提交成功</view>
			<slot name="txt"></slot>
		</div>
	</view>
	<!--    提交成功e-->
</template>

<script>
	export default {
		name:"postSuccess",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
//提交成功s
	.tjcg {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 99;

		.tjcg-c {
			@include flexCenter;
			flex-direction: column;

			.suc {
				background-color: #44D94B;
				width: 106rpx;
				height: 106rpx;
				border-radius: 50%;
				@include flexCenter;
			}

			view:nth-child(2) {
				margin-top: 52rpx;
				margin-bottom: 14rpx;
				font-size: 34rpx;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: #000000;
			}

			view:nth-child(3) {
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #000000;
				line-height: 40rpx;
			}
		}


	}

	// 提交成功e
</style>
